import { Empty } from 'antd';
import classNames from 'classnames';
import React, { useContext } from 'react';
import { ChatContext } from '@/app/chat-context';

interface Props {
  className?: string;
  imgUrl?: string;
}

const MyEmpty: React.FC<Props> = ({ className }) => {
  const { mode } = useContext(ChatContext)
  return (
    <div className={classNames('m-auto', { className })}>
      <Empty image={ mode === 'light' ? '/empty.png' : '/empty_dark.png' } imageStyle={{ margin: '0 auto 10px',height:60,width:60 }} />
    </div>
  );
};

export default MyEmpty;
